<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员中心</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/cacheUtil.js"></script>
    <script src="js/httpUtil.js"></script>
    <link rel="shortcut icon" href="img/logo.ico"/>
    <link rel="bookmark" href="img/logo.ico" type="image/x-icon"/>
</head>
<body>
<div class="container">
    <iframe src="head.html" frameborder="0" width="100%" scrolling="No"></iframe>
    <div class="container" style="margin-left: -25px;margin-top: -40px">
        <img src="img/showvip.jpg" alt="">
    </div>
    <div class="row" style="margin-top: 20px;">
        <div class="col-xs-6 col-md-3" style="border: antiquewhite solid 1px;margin-left: 80px">
            <span class="label label-primary" style="margin-left: 80px;font-size: x-large">包月卡</span>
            <hr>
            <a href="#" class="thumbnail">
                <img src="img/vipPri1.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri2.JPG" alt="..." style="margin-left: 60px">
            </a>
            <button type="button" class="btn btn-danger btn-lg" style="margin-left: 95px;margin-top: 152px">￥88</button>
        </div>

        <div class="col-xs-6 col-md-3" style="border: antiquewhite solid 1px;margin-left: 80px">
            <span class="label label-primary" style="margin-left: 80px;font-size: x-large">半年卡</span>
            <hr>
            <a href="#" class="thumbnail">
                <img src="img/vipPri1.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri2.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri3.JPG" alt="..." style="margin-left: 60px">
            </a>
            <p></p>
            <button type="button" class="btn btn-danger btn-lg" style="margin-left: 95px;margin-top: 70px">￥888</button>
        </div>

        <div class="col-xs-6 col-md-3" style="border: antiquewhite solid 1px;margin-left: 80px">
            <span class="label label-primary" style="margin-left: 80px;font-size: x-large">包年卡</span>
            <hr>
            <a href="#" class="thumbnail">
                <img src="img/vipPri1.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri2.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri3.JPG" alt="..." style="margin-left: 60px">
                <img src="img/vipPri4.JPG" alt="..." style="margin-left: 60px">
            </a>
            <p></p>
            <button type="button" class="btn btn-danger btn-lg" style="margin-left: 95px">￥8888</button>
        </div>
    </div>
    <iframe src="bottom.html" frameborder="0" width="100%" height="200" scrolling="No"></iframe>
</div>
</body>
</html>